<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>快乐手办</title>
		<style type="text/css">
			.zong{
				width: 1230px;
				height: 620px;
				margin: 0 auto;
				border: 2px solid black;
				display: flex;
				justify-content: space-between;
				
			}
			.l-img{
				width: 230px;
				background-color:gainsboro;
			}
			.r-w{
				width: 980px; 
				
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
			.t-w{
				height: 300px;
				
				display: flex;
				justify-content: space-between;
			}
			.b-w{
				height: 300px;
				
				display: flex;
				justify-content: space-between;
			}
			.itembig{
				width: 480px;
				background-color: aqua;
			}
			.item{
				width: 230px;
				background-color:gainsboro;
				
			}
		
		</style>
	</head>
	<body>
		<div class="zong">
			<div class="l-img">
				<img style="width: 230px; height: 450px;" src="img/tuq.jpeg"/>
				<p style="font-weight: bold;font-size: 30px;text-align: center;">哆唻A梦</p>
				<p style="font-weight: bold;font-size: 25px;text-align: center;color: red;">只要￥998！</p>
			</div>
			<div class="r-w">
				<div class="t-w">
					   <div class="itembig"><img style="width: 100% ; height: 100%;" src="img/tu6.jpg"/></div>
						
					   <div class="item"><img style="width: 230px ; height: 200px;" src="img/tu3.jpg"/>
					    <p style="font-weight: bold;font-size: 20px;text-align: center;">隨悟空</p>
						<p style="font-weight: bold;font-size: 15px;text-align: center;color: red;">单价：4155元</p>
					   </div>
						<div class="item"><img style="width: 230px ; height: 200px;" src="img/tu.jpg"/>
						<p style="font-weight: bold;font-size: 20px;text-align: center;">太空人</p>
						<p style="font-weight: bold;font-size: 15px;text-align: center;color: red;">单价：1554元</p>
						</div>
				</div>
				<div class="b-w">
					  <div class="item"><img style="width: 230px ; height: 200px;" src="img/tu4.jpg"/>
					  <p style="font-weight: bold;font-size: 20px;text-align: center;">雷姆</p>
						<p style="font-weight: bold;font-size: 15px;text-align: center;color: red;">单价：8955元</p>
					  </div>
					   <div class="item"><img style="width: 230px ; height: 200px;" src="img/tu9.jpg"/>
					   <p style="font-weight: bold;font-size: 20px;text-align: center;">鬼滅之刃</p>
						<p style="font-weight: bold;font-size: 15px;text-align: center;color: red;">单价：5555元</p>
					   </div>
						<div class="item"><img style="width: 230px; height: 200px;"src="img/tu2.jpg"/>
						<p style="font-weight: bold;font-size: 20px;text-align: center;">超級賽亞人</p>
						<p style="font-weight: bold;font-size: 15px;text-align: center;color: red;">单价：1585元</p>
						</div>
						<div class="item"><img style="width: 230px; height: 200px;" src="img/s.jpg"/>
						<p style="font-weight: bold;font-size: 20px;text-align: center;">天空之城</p>
						<p style="font-weight: bold;font-size: 15px;text-align: center;color: red;">单价：1455元</p>
						</div>
				</div>
			</div>
		</div>
	</body>
</html>
